/*
* @Author: Josh
* @Date:   2019-08-14 17:58:52
* @Last Modified by:   Administrator
* @Last Modified time: 2019-08-17 20:56:53
*/

/* 公共样式 */

/* 基准尺寸：20px  屏幕宽度 340px ~ 410px */
html {
    height   : 100%;
    font-size: 20px;
}

/* 基准尺寸：18px 屏幕宽度小于340px */
@media (max-width: 340px) {
    html {
        font-size: 18px;
    }
}

/* 基准尺寸：22px 屏幕宽度大于410px */
@media (min-width: 410px) {
    html {
        font-size: 22px;
    }
}

/* body默认样式 */
body {
    height                    : 100%;
    max-width                 : 640px;
    margin                    : 0 auto;
    background                : #f8f8f8;
    overflow                  : hidden;
    -webkit-overflow-scrolling: touch;/*让滚动元素具有弹性*/
}

/* 页面蒙版 */
.ju-mask {
    position  : fixed;
    top       : 0;
    bottom    : 0;
    left      : 0;
    right     : 0;
    background: rgba(0,0,0,.5);
    z-index   : 300;
}


/* 图标垂直方向振动动画 */
.fa-vibrate-y {
    animation: fa-vibrate-y 1.5s infinite ease-in;
}
/* 振动轨迹 */
@keyframes fa-vibrate-y {
    0% {
        transform: translateY(-10%);
    }
    50% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(-10%);
    }
}